<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>专业书刊</title>
		<link rel="stylesheet" href="/mobile/css/mobile.css" />
		<script src="/mobile/js/jquery.min.js"></script>
		<script src="/mobile/js/jquery.easing.min.js"></script>
		<script src="/mobile/js/TouchSlide.1.1.js"></script>
	</head>
	<body>
		
		<div class="main">
			<div class="search_container">
				<input type="search" class="search" placeholder="输入文章或者作者名称"  />
			</div>

			<img src="{$banner.image}" style="width: 100%; height: auto;" >
		</div>
		<div class="gap"></div>
		<div class="main" style="padding-top: 15px;">
			<div class="sec_title">期刊列表<a href="{:url('shukan/qikan')}">更多 >></a></div>
		
			<ul class="qikan_scroll">
				{volist name="rs_qikan" id="item"}
				<li><a href="{:url('shukan/qikan_detail',['id'=>$item.id])}">
					<img src="{$item.image}" >
					<div class="title">{$item.name}</div>
				</a></li>
				{/volist}
			</ul>
			<div class="sec_title">书籍列表<a href="{:url('shukan/shuji')}">更多 >></a></div>
			<ul class="arclist" style="padding: 20px 0;">
				{volist name="rs_shuji" id="item"}
				<a href="{:url('shukan/shuji_detail',['id'=>$item.id])}"><li>
					<div class="content">
						<h3 class="title">{$item.name}</h3>
						<p class="desc">{$item.content|strip_tags}</p>
					</div>
					<div class="img" style="background-image: url({$item.image});"></div>
				</li></a>
				{/volist}
			</ul>
		</div>
		
		{include file="common/footer"}
	</body>
	<script type="text/javascript">
		TouchSlide({
			slideCell: "#focus",
			titCell: ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
			mainCell: ".bd ul",
			effect: "left",
			autoPlay: true, //自动播放
			autoPage: true, //自动分页
		});
		$("input.search").keypress(function (e) {
		    	// 兼容写法
		      e = e || window.event;
		      key = e.keyCode || e.which || e.charCode;
		      if (key == 13) {
		          console.log($(this).val());
				  if($(this).val().trim()==''){
					  alert('请输入关键词');
					  return false;
				  }
				  window.open('{:url('xiangsu/search')}?keyword='+$(this).val(),'_blank')
		      }
		  });
	</script>
</html>